// 自定义发布阶段需要用到的 babel 插件
const prodPlugins = []

if (process.env.NODE_ENV === 'production') {
  // process.env.NODE_ENV 用于获取当前编译模式，是开发阶段还是发布阶段
  // 如果是发布阶段，就向数组放入插件（开发阶段是 development）
  prodPlugins.push('transform-remove-console')
  // transform-remove-console 是移除所有console.log的插件
}

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      }
    ],
    // 发布/开发产品时候的插件数组(转换成了逗号分隔的字符串)
    ...prodPlugins,
    '@babel/plugin-syntax-dynamic-import'
  ]
}
